<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="keywords" content="" />
    <meta http-equiv="description" content="" />
    <title>全速网络-首页</title>
    <link href="css/style.css" type="text/css" rel="stylesheet" />
    <!--[if IE 6]>
    <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js"></script>
    <script type="text/javascript" language="javascript">
        DD_belatedPNG.fix('*');
    </script>
    <![endif]-->
</head>
<body>
<div class="top">
    <div class="center clear">
        <h1><a href="##"title="全速网络">全速网络</a></h1>
        <ul class="top-nav">
            <li><a href="##" class="active">首页</a></li>
            <li><a href="##">考勤</a></li>
            <li><a href="##" class="infro">消息中心</a></li>
            <li><a href="##">采购</a></li>
            <li><a href="##">审批管理</a></li>
        </ul>
        <div class="top-r">
            <div class="weather">
                <em>杭州37℃</em>
                <span>2015年7月30日 星期四</span>
            </div>
            <div class="user">
                <div class="user-sel">
                    <a href="##"><img src="images/user-head.png"alt=""/></a>
                    <span>^</span>
                </div>
                <dl>
                    <dt>^</dt>
                    <dd><a href="##" class="user-sel_1"><span>我的资料</span></a></dd>
                    <dd><a href="##" class="user-sel_2"><em>修改密码</em></a></dd>
                    <dd><a href="##" class="user-sel_3"><em>个人设备</em></a></dd>
                    <dd><a href="##" class="user-sel_4"><em>我的报销</em></a></dd>
                    <dd><a href="##" class="user-sel_5"><em>我的考勤</em></a></dd>
                    <dd><a href="##"><em>退出</em></a></dd>
                </dl>
            </div>
        </div>

    </div>
</div>
<div class="header">
    <div class="center">
        <div class="head-user">
            <div class="head-user-pic"><a href="##"><img src="images/user.jpg" height="100%" width="100%" alt=""/></a></div>
            <h3>鲁鲁修·兰佩路基 <span>性别</span></h3>
            <p>感觉自己萌萌哒</p>
        </div>
        <div class="bg-sel">
            <div class="bg-sel-btn">
                <a href="##" id="btn">背景</a>
                <a href="##" id="btn-l"> < </a>
                <a href="##" id="btn-r"> > </a>
            </div>
            <div class="bg-sel-box">
                <div class="bg-sel-tit">
                    <h4>请点击选择要使用的背景效果</h4>
                    <a href="##">关闭</a>
                </div>
                <div class="bg-sel-list">
                    <ul>
                        <li><a href="##">
                            <img src="images/wallpaper/wall1.jpg" alt=""/>
                            <span>星际穿越</span>
                        </a></li>
                        <li><a href="##">
                            <img src="images/wallpaper/wall2.jpg" alt=""/>
                            <span>名山大川</span>
                        </a></li>
                        <li><a href="##">
                            <img src="images/wallpaper/wall3.jpg" alt=""/>
                            <span>名车</span>
                        </a></li>

                        <li><a href="##">
                            <img src="images/wallpaper/wall1.jpg" alt=""/>
                            <span>星际穿越</span>
                        </a></li>
                        <li><a href="##">
                            <img src="images/wallpaper/wall2.jpg" alt=""/>
                            <span>名山大川</span>
                        </a></li>
                        <li><a href="##">
                            <img src="images/wallpaper/wall3.jpg" alt=""/>
                            <span>名车</span>
                        </a></li>
                        <li><a href="##">
                            <img src="images/wallpaper/wall1.jpg" alt=""/>
                            <span>星际穿越</span>
                        </a></li>
                        <li><a href="##">
                            <img src="images/wallpaper/wall2.jpg" alt=""/>
                            <span>名山大川</span>
                        </a></li>
                        <li><a href="##">
                            <img src="images/wallpaper/wall3.jpg" alt=""/>
                            <span>名车</span>
                        </a></li>
                        <li><a href="##">
                            <img src="images/wallpaper/wall1.jpg" alt=""/>
                            <span>星际穿越</span>
                        </a></li>
                    </ul>
                    <ul>
                    <li><a href="##">
                        <img src="images/wallpaper/wall2.jpg" alt=""/>
                        <span>名山大川</span>
                    </a></li>
                    <li><a href="##">
                        <img src="images/wallpaper/wall3.jpg" alt=""/>
                        <span>名车</span>
                    </a></li>
                    <li><a href="##">
                        <img src="images/wallpaper/wall1.jpg" alt=""/>
                        <span>星际穿越</span>
                    </a></li>
                    <li><a href="##">
                        <img src="images/wallpaper/wall1.jpg" alt=""/>
                        <span>星际穿越</span>
                    </a></li>

                    <li><a href="##">
                        <img src="images/wallpaper/wall3.jpg" alt=""/>
                        <span>名车</span>
                    </a></li>
                    <li><a href="##">
                        <img src="images/wallpaper/wall1.jpg" alt=""/>
                        <span>星际穿越</span>
                    </a></li>
                        <li><a href="##">
                            <img src="images/wallpaper/wall2.jpg" alt=""/>
                            <span>名山大川</span>
                        </a></li>
                    <li><a href="##">
                        <img src="images/wallpaper/wall2.jpg" alt=""/>
                        <span>名山大川</span>
                    </a></li>
                    <li><a href="##">
                        <img src="images/wallpaper/wall3.jpg" alt=""/>
                        <span>名车</span>
                    </a></li>
                    <li><a href="##">
                        <img src="images/wallpaper/wall1.jpg" alt=""/>
                        <span>星际穿越</span>
                    </a></li>
                </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="center">
    <ul class="nav clear">
        <li><a href="##" class="active_1">加班</a></li>
        <li><a href="##" class="active_2">调休</a></li>
        <li><a href="##" class="active_3">请假</a></li>
        <li><a href="##" class="active_4">报销</a></li>
        <li><a href="##" class="active_5">通讯录</a></li>
    </ul>
</div>
<div class="center content">
    <div class="con-main">
        <div class="con-tit">
            <h3>克鲁斯<span>(歪果仁_全速)</span></h3>
            <p>今天是您进入全速网络的第<span>1109</span>天，感谢你所做的一切。全速因你而精彩！</p>
        </div>
        <ul class="con-apply clear">
            <li class="apply1">
                <div class="data">
                    <h5>加班</h5>
                    <strong>900</strong>
                    <span>小时</span>
                </div>
                <p>下班后奋斗了900个小时</p>
                <a href="##"><em>申请加班</em>+</a>
            </li>
            <li class="apply2">
                <div class="data">
                    <h5>调休</h5>
                    <strong>600</strong>
                    <span>小时</span>
                </div>
                <p>已调休200小时，还剩600小时</p>
                <a href="##"><em>申请调休</em>+</a>
            </li>
            <li class="apply3">
                <div class="data">
                    <h5>年假</h5>
                    <strong>5</strong>
                    <span>天</span>
                </div>
                <p>本年内年假还有5天</p>
                <a href="##"><em>申请年假</em>+</a>
            </li>

        </ul>
        <div class="main-bottom">
            <dl class="contact-list clear">
                <dt>生日送祝福 <a href="##">查看更多</a></dt>
                <dd>
                    <a href="##" class="contact"><img src="images/contact/contact1.png" alt=""/></a>

                    <p>
                        <em>高圆圆</em>
                        <a href="##">发送祝福</a>
                        <span>在10月5日过生日</span>
                    </p>
                </dd>
                <dd>
                    <a href="##" class="contact"><img src="images/contact/contact2.png" alt=""/></a>

                    <p>
                        <em>吴彦祖</em>
                        <a href="##">发送祝福</a>
                        <span>在10月5日过生日</span>
                    </p>
                </dd>
                <dd>
                    <a href="##" class="contact"><img src="images/contact/contact3.png" alt=""/></a>

                    <p>
                        <em>赵又廷</em>
                        <a href="##">发送祝福</a>
                        <span>在10月5日过生日</span>
                    </p>
                </dd>
                <dd>
                    <a href="##" class="contact"><img src="images/contact/contact4.png" alt=""/></a>

                    <p>
                        <em>吴尊</em>
                        <a href="##">发送祝福</a>
                        <span>在10月5日过生日</span>
                    </p>
                </dd>
                <dd>
                    <a href="##" class="contact"><img src="images/contact/contact5.png" alt=""/></a>

                    <p>
                        <em>杨幂</em>
                        <a href="##">发送祝福</a>
                        <span>在10月5日过生日</span>
                    </p>
                </dd>
                <dd>
                    <a href="##" class="contact"><img src="images/contact/contact6.png" alt=""/></a>

                    <p>
                        <em>唐嫣</em>
                        <a href="##">发送祝福</a>
                        <span>在10月5日过生日</span>
                    </p>
                </dd>
            </dl>
        </div>


    </div>
    <div class="con-details clear">
        <div class="con-notice">
            <h3>公司公告 <span>Company announcement</span></h3>
            <ul>
                <li>
                    <a href="##">· 2015年端午节放假通知 </a>
                    <span>2015.6.20</span>
                </li>
                <li>
                    <a href="##">· 2015年五一劳动节放假通知</a>
                    <span>2015.6.20</span>
                </li>
                <li>
                    <a href="##">· 2015年清明节放假通知  </a>
                    <span>2015.6.20</span>
                </li>
                <li>
                    <a href="##">· 2015年元旦放假通知 </a>
                    <span>2015.6.20</span>
                </li>
                <li>
                    <a href="##">· 2015年春节放假通知</a>
                    <span>2015.6.20</span>
                </li>
            </ul>
            <div class="more"><a href="notice.html">更多</a></div>

        </div>
        <div class="con-rules">
            <h3>规章制度 <span>Rules and regulations</span></h3>
            <ul>
                <li>
                    <a href="##">· 人才推荐计划 </a>
                    <span>2015.6.20</span>
                </li>
                <li>
                    <a href="##">· 杭州全速网络技术有限公司-员工手册</a>
                    <span>2015.6.20</span>
                </li>
                <li>
                    <a href="##">· 考勤管理制度（补充）</a>
                    <span>2015.6.20</span>
                </li>
                <li>
                    <a href="##">· 员工福利管理制度2013版</a>
                    <span>2015.6.20</span>
                </li>
                <li>
                    <a href="##">· OA使用说明-进入必先看</a>
                    <span>2015.6.20</span>
                </li>
            </ul>
            <div class="more"><a href="##">更多</a></div>

        </div>
    </div>
</div>
<div class="footer">
    <div class="center">
        <p>杭州全速网络技术有限公司&nbsp;&nbsp;版本&nbsp;&nbsp;2015V1.0</p>
        <p>http://oa.fullspeed.cn/login.asp 2011-2015 © All Rights Reserved.</p>
    </div>
</div>


<script src="js/jquery.js"></script>
<script src="js/js.js"></script>
</body>
</html>